<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的小站</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/contact.css">
</head>
<body>

    <!-- <header id="header">
    <div class="container flex align-items-center justify-content-between">
        <a href="./index.html"><img class="logo" src="/images/logo.png" alt=""></a>
        <nav id="navbar" class="navbar">
            <ul>
                <li class="index active"><a href="./index.html">首页</a></li>
                <li class="protfolio"><a href="./protfolio.html">作品展示</a></li>
                <li class="blogs"><a href="./blogs.html">博客</a></li>
                <li class="about"><a href="./about.html">我的简历</a></li>
                <li class="contact"><a href="./contact.html">联系我</a></li>

            </ul>
        </nav>
    </div>
    </header> -->
    <header id="header"></header>


    <section>
        <div id="about-title">
            <h2 class="section-title">联系我</h2>
            <h4>简短说明简短说明简短说明简短说明简短说明简短说明...</h4>
        </div>
        <div id="about-school">
            <img src="/images/图层 7@2x.png" alt=""> 
        </div>
        <div class="about-navigation">
            <div class="about-img">
                <img src="/images/导航地址.png" alt="">
            </div>
        <div class="site-box">
            <div class="about-site">地址</div>
            <span class="detailed-address">黑龙江省哈尔滨市南岗区学府三道街</span>
        </div>
        <div class="about-img">
                <img class="about-email" src="/images/邮箱.png" alt="">
        </div>
        <div class="site-box">
            <div class="about-site">Email</div>
            <span class="detailed-address">1040336062@qq.com</span>
        </div>
        <div class="about-img">
            <img src="/images/电话_填充.png" alt="">
        </div>
        <div class="site-box">
            <div class="about-site">Call</div>
            <span class="detailed-address">18345553318</span>
        </div>
        </div>
        <div class="input-box">
            <input class="input-name" type="text" placeholder="您的姓名">
            <input class="input-email" type="text" placeholder="您的邮箱">
        </div>
        <div class="input-theme">
            <input class="theme" type="text" placeholder="主题">
        </div>
        <div class="input-content">
            <input class="content" type="text" placeholder="内容">
        </div>
        <button>开关</button>
        <div id="end">
            <div class="ending">© Copyright LYM. All Rights Reserved</div>
        </div>

        


    </section>

    <script src="./js/main.js"></script>
</body>
</html>